
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - Global Information</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item ouvert"><a href="index.html">Global</a></div>
                <div class="item "><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges">
            </div>

            <div class="schema polar">
              <div id="container_number_of_requests"></div>
            </div>
<div class="simulation-card">
  <div class="simulation-version-information">
  <span class="simulation-information-title">Gatling Version</span>
    <span class="simulation-information-item">
      <span class="simulation-information-label">Version: </span>
      <span>3.9.5</span>
    </span>
    <span class="simulation-information-item">
      <span class="simulation-information-label">Released: </span>
      <span>2023-05-10</span>
    </span>
  </div>
  <div id="simulation-information" class="simulation-version-information">
    <span class="simulation-information-title">Run Information</span>
    <div class="simulation-information-container">
      <span class="simulation-information-item">
        <span class="simulation-information-label">Date: </span>
        <span>2023-08-23 20:32:32 GMT</span>
      </span>
      <span class="simulation-information-item">
        <span class="simulation-information-label">Duration: </span>
        <span>3m 24s </span>
      </span>
      <span class="simulation-tooltip simulation-information-item description" title="Description" data-content="willian">
        <span class="simulation-information-label">Description: </span>
        <span>willian</span>
      </span>

    </div>
  </div>
</div>
</div>

                      <div id="statistics_table_container">
                        <div id="stats" class="statistics extensible-geant collapsed">
                            <div class="title">
                              <div id="statistics_title" class="title_base"><span class="title_base_stats">Stats</span><span class="expand-table">Fixed height</span><span id="toggle-stats" class="toggle-table"></span><span class="collapse-table">Full size</span></div>
                              <div class="right">
                                  <button id="statistics_full_screen" class="statistics-button" onclick="openStatisticsTableModal()">Full Screen</button>
                                  <button class="statistics-button expand-all-button">Expand all groups</button>
                                  <button class="statistics-button collapse-all-button">Collapse all groups</button>
                              </div>
                            </div>
                            <div class="scrollable">
                              <table id="container_statistics_head" class="statistics-in extensible-geant">
                                  <thead>
                                      <tr>
                                          <th rowspan="2" id="col-1" class="header sortable sorted-up"><span>Requests</span></th>
                                          <th colspan="5" class="header"><span class="executions">Executions</span></th>
                                          <th colspan="8" class="header"><span class="response-time">Response Time (ms)</span></th>
                                      </tr>
                                      <tr>
                                          <th id="col-2" class="header sortable"><span>Total</span></th>
                                          <th id="col-3" class="header sortable"><span>OK</span></th>
                                          <th id="col-4" class="header sortable"><span>KO</span></th>
                                          <th id="col-5" class="header sortable"><span>% KO</span></th>
                                          <th id="col-6" class="header sortable"><span><abbr title="Count of events per second">Cnt/s</abbr></span></th>
                                          <th id="col-7" class="header sortable"><span>Min</span></th>
<th id="col-8" class="header sortable"><span>50th pct</span></th>
<th id="col-9" class="header sortable"><span>75th pct</span></th>
<th id="col-10" class="header sortable"><span>95th pct</span></th>
<th id="col-11" class="header sortable"><span>99th pct</span></th>
<th id="col-12" class="header sortable"><span>Max</span></th>
<th id="col-13" class="header sortable"><span>Mean</span></th>
<th id="col-14" class="header sortable"><span><abbr title="Standard Deviation">Std Dev</abbr></span></th>
                                      </tr>
                                  </thead>
                                  <tbody></tbody>
                              </table>
                              <table id="container_statistics_body" class="statistics-in extensible-geant">
                                  <tbody></tbody>
                              </table>
                            </div>
                        </div>
                      </div>
<dialog id="statistics_table_modal" class="statistics-table-modal">
  <div class="statistics-table-modal-header"><button class="button-modal" onclick="closeStatisticsTableModal()">x</button></div>
  <div class="statistics-table-modal-container">
    <div id="statistics_table_modal_content" class="statistics-table-modal-content"></div>
  </div>
</dialog>
<script>
function openStatisticsTableModal () {
  const statsTable = document.getElementById("stats");
  const statsTableModal = document.getElementById("statistics_table_modal");
  const fullScreenButton = document.getElementById("statistics_full_screen");

  fullScreenButton.disabled = true;

  if (typeof statsTableModal.showModal === "function") {
    const statsTableModalContent = document.getElementById("statistics_table_modal_content");

    statsTableModalContent.innerHTML = "";
    statsTableModalContent.appendChild(statsTable);
    statsTableModal.showModal();

    statsTableModal.addEventListener("close", function () {
      const container = document.getElementById("statistics_table_container");

      container.appendChild(statsTable);
      fullScreenButton.disabled = false;
    });
  } else {
    const incompatibleBrowserVersionMessage = document.createElement("div");

    incompatibleBrowserVersionMessage.innerText = "Sorry, the <dialog> API is not supported by this browser.";
    statsTable.insertBefore(incompatibleBrowserVersionMessage, statsTable.children[0]);
  }
}

function closeStatisticsTableModal () {
  const statsTableModal = document.getElementById("statistics_table_modal");

  statsTableModal.close();
}
</script>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">j.n.ConnectException: finishConnect(..) failed: Connection refused<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">68409</td>
		    	<td class="value error-col-3 total ko">100 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="active_users" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setGlobalMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [345, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

function numberOfRequestsDataForGroup(group) {
  var data = {names: [], oks: [], kos: []};

  $.each(group.contents, function(contentName, content) {
    if (content.type == 'GROUP') {
      var result = numberOfRequestsDataForGroup(content);
      data.names = data.names.concat(result.names);
      data.oks = data.oks.concat(result.oks);
      data.kos = data.kos.concat(result.kos);
    }
    else if (content.type == 'REQUEST') {
      data.names.push(content.path);
      data.oks.push(parseInt(content.stats.numberOfRequests.ok));
      data.kos.push(parseInt(content.stats.numberOfRequests.ko));
    }
  });

  return data;
}

var numberOfRequestsData = numberOfRequestsDataForGroup(stats);
var tickInterval = Math.ceil(numberOfRequestsData.names.length / 1000);

new Highcharts.Chart({
  chart: {
    renderTo:'container_number_of_requests',
    polar:true,
    type:'column',
    height:330
  },
  credits:{
    enabled:false
  },
  title:{
    text:'<span class="chart_title">Number of requests</span>',
    useHTML: true,
    widthAdjust:-20
  },
  xAxis:{
    tickmarkPlacement:'on',
    tickInterval: tickInterval,
    categories:numberOfRequestsData.names,
    labels:{ enabled:false }
  },
  yAxis:{
    min:0,
    reversedStacks: false
  },
  plotOptions:{
    series:{
      stacking:'normal',
      groupPadding:0,
      pointPlacement:'on',
      shadow: true
    }
  },
  legend: {
      borderWidth: 0,
      itemStyle: { fontWeight: "normal" },
      symbolRadius: 0
  },
  series:[
      {
      name:'OK',
      data:numberOfRequestsData.oks,
      color:"#68b65c"
    },
    {
      name:'KO',
      data:numberOfRequestsData.kos,
      color:"#f15b4f"
    }
  ]
});

	    $('#container_exceptions').sortable('#container_exceptions');
    

function generateHtmlRow(request, level, index, parent, group) {
    if (request.name == 'All Requests')
        var url = 'index.html';
    else
        var url = request.pathFormatted + '.html';

    if (group)
        var expandButtonStyle = '';
    else
        var expandButtonStyle = ' hidden';

    if (request.stats.numberOfRequests.total != 0)
        var koPercent = (request.stats.numberOfRequests.ko * 100 / request.stats.numberOfRequests.total).toFixed(0) + '%';
    else
        var koPercent = '-'

    return '<tr id="' + request.pathFormatted + '" data-parent=' + parent + '> \
        <td class="total col-1"> \
          <div class="expandable-container"> \
            <span id="' + request.pathFormatted + '" style="margin-left: ' + (level * 10) + 'px;" class="expand-button' + expandButtonStyle + '">&nbsp;</span> \
            <a href="' + url +'" class="withTooltip">' + ellipsedLabel({ name: request.name, parentClass: "table-cell-tooltip" }) + '</a><span class="value" style="display:none;">' + index + '</span> \
          </div> \
        </td> \
        <td class="value total col-2">' + request.stats.numberOfRequests.total + '</td> \
        <td class="value ok col-3">' + request.stats.numberOfRequests.ok + '</td> \
        <td class="value ko col-4">' + request.stats.numberOfRequests.ko + '</td> \
        <td class="value ko col-5">' + koPercent + '</td> \
        <td class="value total col-6">' + request.stats.meanNumberOfRequestsPerSecond.total + '</td> \
        <td class="value total col-7">' + request.stats.minResponseTime.total + '</td> \
        <td class="value total col-8">' + request.stats.percentiles1.total + '</td> \
        <td class="value total col-9">' + request.stats.percentiles2.total + '</td> \
        <td class="value total col-10">' + request.stats.percentiles3.total + '</td> \
        <td class="value total col-11">' + request.stats.percentiles4.total + '</td> \
        <td class="value total col-12">' + request.stats.maxResponseTime.total + '</td> \
        <td class="value total col-13">' + request.stats.meanResponseTime.total + '</td> \
        <td class="value total col-14">' + request.stats.standardDeviation.total + '</td> \
        </tr>';
}

function generateHtmlRowsForGroup(group, level, index, parent) {
    var buffer = '';

    if (!parent)
        parent = 'ROOT';
    else {
        buffer += generateHtmlRow(group, level - 1, index, parent, true);
        index++;
        parent = group.pathFormatted;
    }

    $.each(group.contents, function(contentName, content) {
        if (content.type == 'GROUP') {
            var result = generateHtmlRowsForGroup(content, level + 1, index, parent);
            buffer += result.html;
            index = result.index;
        }
        else if (content.type == 'REQUEST') {
            buffer += generateHtmlRow(content, level, index, parent);
            index++;
        }
    });

    return { html: buffer, index: index };
}

$('#container_statistics_head tbody').append(generateHtmlRow(stats, 0, 0));

var lines = generateHtmlRowsForGroup(stats, 0, 0);
$('#container_statistics_body tbody').append(lines.html);

$('#container_statistics_head').sortable('#container_statistics_body');
$('.statistics').expandable();

if (lines.index < 30) {
    $('#statistics_title span').attr('style', 'display: none;');
} else {
    $('#statistics_title').addClass('title_collapsed');
    $('#statistics_title').click(function() {
        $('#toggle-stats').toggleClass("off");
        $(this).toggleClass('title_collapsed').toggleClass('title_expanded');
        $('#container_statistics_body').parent().toggleClass('scrollable').toggleClass('');
    });
}
$('.table-cell-tooltip').popover({trigger:'hover'});

	    $('#container_errors').sortable('#container_errors');
    
allUsersData.yAxis = 0;

var allUsersChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'active_users',
    zoomType: 'x'
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    align: 'right',
    verticalAlign: 'top',
    layout: 'vertical',
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis: {
    title: { text: 'Number of Active Users' },
    opposite: false,
    min: 0
  },
  series: [
    {
color: '#5E7BE2',
name: 'Busca Inválida de Pessoas',
data: [
  [1692822752000,3],[1692822753000,2],[1692822754000,2],[1692822755000,2],[1692822756000,2],[1692822757000,2],[1692822758000,2],[1692822759000,2],[1692822760000,2],[1692822761000,2],[1692822762000,2],[1692822763000,2],[1692822764000,2],[1692822765000,2],[1692822766000,2],[1692822767000,2],[1692822768000,2],[1692822769000,2],[1692822770000,2],[1692822771000,2],[1692822772000,2],[1692822773000,2],[1692822774000,2],[1692822775000,2],[1692822776000,2],[1692822777000,6],[1692822778000,6],[1692822779000,6],[1692822780000,7],[1692822781000,7],[1692822782000,7],[1692822783000,7],[1692822784000,8],[1692822785000,7],[1692822786000,8],[1692822787000,8],[1692822788000,8],[1692822789000,8],[1692822790000,9],[1692822791000,9],[1692822792000,9],[1692822793000,9],[1692822794000,9],[1692822795000,10],[1692822796000,9],[1692822797000,10],[1692822798000,10],[1692822799000,10],[1692822800000,11],[1692822801000,11],[1692822802000,10],[1692822803000,11],[1692822804000,12],[1692822805000,11],[1692822806000,12],[1692822807000,11],[1692822808000,12],[1692822809000,12],[1692822810000,13],[1692822811000,12],[1692822812000,13],[1692822813000,13],[1692822814000,13],[1692822815000,13],[1692822816000,14],[1692822817000,13],[1692822818000,14],[1692822819000,14],[1692822820000,14],[1692822821000,15],[1692822822000,14],[1692822823000,15],[1692822824000,15],[1692822825000,15],[1692822826000,16],[1692822827000,15],[1692822828000,16],[1692822829000,16],[1692822830000,16],[1692822831000,16],[1692822832000,17],[1692822833000,16],[1692822834000,17],[1692822835000,17],[1692822836000,18],[1692822837000,17],[1692822838000,18],[1692822839000,17],[1692822840000,18],[1692822841000,19],[1692822842000,18],[1692822843000,18],[1692822844000,19],[1692822845000,19],[1692822846000,19],[1692822847000,20],[1692822848000,19],[1692822849000,20],[1692822850000,20],[1692822851000,20],[1692822852000,20],[1692822853000,20],[1692822854000,21],[1692822855000,21],[1692822856000,21],[1692822857000,21],[1692822858000,22],[1692822859000,21],[1692822860000,22],[1692822861000,22],[1692822862000,22],[1692822863000,22],[1692822864000,23],[1692822865000,23],[1692822866000,23],[1692822867000,23],[1692822868000,23],[1692822869000,24],[1692822870000,24],[1692822871000,24],[1692822872000,24],[1692822873000,24],[1692822874000,25],[1692822875000,24],[1692822876000,25],[1692822877000,25],[1692822878000,25],[1692822879000,25],[1692822880000,26],[1692822881000,26],[1692822882000,26],[1692822883000,26],[1692822884000,26],[1692822885000,27],[1692822886000,26],[1692822887000,27],[1692822888000,27],[1692822889000,27],[1692822890000,28],[1692822891000,28],[1692822892000,27],[1692822893000,28],[1692822894000,29],[1692822895000,28],[1692822896000,29],[1692822897000,28],[1692822898000,29],[1692822899000,29],[1692822900000,30],[1692822901000,29],[1692822902000,30],[1692822903000,30],[1692822904000,30],[1692822905000,30],[1692822906000,31],[1692822907000,30],[1692822908000,31],[1692822909000,31],[1692822910000,31],[1692822911000,32],[1692822912000,31],[1692822913000,32],[1692822914000,32],[1692822915000,32],[1692822916000,33],[1692822917000,32],[1692822918000,33],[1692822919000,33],[1692822920000,33],[1692822921000,33],[1692822922000,34],[1692822923000,33],[1692822924000,34],[1692822925000,34],[1692822926000,35],[1692822927000,34],[1692822928000,35],[1692822929000,34],[1692822930000,35],[1692822931000,36],[1692822932000,35],[1692822933000,35],[1692822934000,36],[1692822935000,36],[1692822936000,36],[1692822937000,37],[1692822938000,36],[1692822939000,37],[1692822940000,37],[1692822941000,37],[1692822942000,37],[1692822943000,37],[1692822944000,38],[1692822945000,38],[1692822946000,38],[1692822947000,38],[1692822948000,39],[1692822949000,38],[1692822950000,39],[1692822951000,39],[1692822952000,39],[1692822953000,39],[1692822954000,40],[1692822955000,40],[1692822956000,38]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},
{
color: '#68b65c',
name: 'Busca Válida de Pessoas',
data: [
  [1692822752000,3],[1692822753000,2],[1692822754000,2],[1692822755000,2],[1692822756000,2],[1692822757000,2],[1692822758000,2],[1692822759000,2],[1692822760000,2],[1692822761000,2],[1692822762000,2],[1692822763000,2],[1692822764000,2],[1692822765000,2],[1692822766000,2],[1692822767000,2],[1692822768000,2],[1692822769000,2],[1692822770000,2],[1692822771000,2],[1692822772000,2],[1692822773000,2],[1692822774000,2],[1692822775000,2],[1692822776000,2],[1692822777000,6],[1692822778000,7],[1692822779000,7],[1692822780000,8],[1692822781000,8],[1692822782000,9],[1692822783000,9],[1692822784000,10],[1692822785000,11],[1692822786000,11],[1692822787000,11],[1692822788000,12],[1692822789000,13],[1692822790000,13],[1692822791000,13],[1692822792000,14],[1692822793000,15],[1692822794000,15],[1692822795000,16],[1692822796000,16],[1692822797000,17],[1692822798000,17],[1692822799000,18],[1692822800000,18],[1692822801000,19],[1692822802000,19],[1692822803000,20],[1692822804000,20],[1692822805000,21],[1692822806000,22],[1692822807000,21],[1692822808000,23],[1692822809000,23],[1692822810000,24],[1692822811000,24],[1692822812000,25],[1692822813000,25],[1692822814000,26],[1692822815000,26],[1692822816000,26],[1692822817000,27],[1692822818000,28],[1692822819000,28],[1692822820000,29],[1692822821000,29],[1692822822000,30],[1692822823000,30],[1692822824000,31],[1692822825000,31],[1692822826000,32],[1692822827000,33],[1692822828000,33],[1692822829000,33],[1692822830000,34],[1692822831000,34],[1692822832000,35],[1692822833000,36],[1692822834000,36],[1692822835000,36],[1692822836000,38],[1692822837000,37],[1692822838000,38],[1692822839000,39],[1692822840000,39],[1692822841000,40],[1692822842000,40],[1692822843000,41],[1692822844000,41],[1692822845000,42],[1692822846000,42],[1692822847000,43],[1692822848000,43],[1692822849000,44],[1692822850000,44],[1692822851000,45],[1692822852000,46],[1692822853000,46],[1692822854000,47],[1692822855000,47],[1692822856000,48],[1692822857000,48],[1692822858000,48],[1692822859000,49],[1692822860000,50],[1692822861000,50],[1692822862000,51],[1692822863000,51],[1692822864000,52],[1692822865000,52],[1692822866000,53],[1692822867000,53],[1692822868000,54],[1692822869000,54],[1692822870000,55],[1692822871000,55],[1692822872000,56],[1692822873000,56],[1692822874000,57],[1692822875000,58],[1692822876000,58],[1692822877000,58],[1692822878000,59],[1692822879000,60],[1692822880000,60],[1692822881000,60],[1692822882000,61],[1692822883000,62],[1692822884000,62],[1692822885000,63],[1692822886000,63],[1692822887000,64],[1692822888000,64],[1692822889000,65],[1692822890000,65],[1692822891000,66],[1692822892000,66],[1692822893000,67],[1692822894000,67],[1692822895000,68],[1692822896000,69],[1692822897000,69],[1692822898000,71],[1692822899000,71],[1692822900000,70],[1692822901000,71],[1692822902000,72],[1692822903000,72],[1692822904000,73],[1692822905000,73],[1692822906000,73],[1692822907000,74],[1692822908000,75],[1692822909000,75],[1692822910000,76],[1692822911000,76],[1692822912000,77],[1692822913000,77],[1692822914000,78],[1692822915000,78],[1692822916000,79],[1692822917000,80],[1692822918000,80],[1692822919000,80],[1692822920000,81],[1692822921000,81],[1692822922000,82],[1692822923000,83],[1692822924000,83],[1692822925000,83],[1692822926000,85],[1692822927000,84],[1692822928000,85],[1692822929000,86],[1692822930000,86],[1692822931000,87],[1692822932000,87],[1692822933000,88],[1692822934000,88],[1692822935000,89],[1692822936000,89],[1692822937000,90],[1692822938000,90],[1692822939000,91],[1692822940000,91],[1692822941000,92],[1692822942000,93],[1692822943000,93],[1692822944000,94],[1692822945000,93],[1692822946000,96],[1692822947000,95],[1692822948000,95],[1692822949000,96],[1692822950000,97],[1692822951000,97],[1692822952000,98],[1692822953000,98],[1692822954000,99],[1692822955000,99],[1692822956000,95]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},
{
color: '#f15b4f',
name: 'Criação E Talvez Consulta de Pessoas',
data: [
  [1692822752000,3],[1692822753000,2],[1692822754000,2],[1692822755000,2],[1692822756000,2],[1692822757000,2],[1692822758000,2],[1692822759000,2],[1692822760000,2],[1692822761000,1],[1692822762000,2],[1692822763000,2],[1692822764000,9],[1692822765000,5],[1692822766000,4],[1692822767000,3],[1692822768000,2],[1692822769000,2],[1692822770000,3],[1692822771000,5],[1692822772000,2],[1692822773000,9],[1692822774000,5],[1692822775000,6],[1692822776000,12],[1692822777000,7],[1692822778000,11],[1692822779000,14],[1692822780000,18],[1692822781000,22],[1692822782000,25],[1692822783000,28],[1692822784000,32],[1692822785000,35],[1692822786000,39],[1692822787000,40],[1692822788000,46],[1692822789000,49],[1692822790000,51],[1692822791000,55],[1692822792000,57],[1692822793000,61],[1692822794000,65],[1692822795000,69],[1692822796000,73],[1692822797000,75],[1692822798000,78],[1692822799000,81],[1692822800000,85],[1692822801000,89],[1692822802000,91],[1692822803000,95],[1692822804000,100],[1692822805000,103],[1692822806000,105],[1692822807000,108],[1692822808000,111],[1692822809000,116],[1692822810000,121],[1692822811000,123],[1692822812000,124],[1692822813000,128],[1692822814000,132],[1692822815000,135],[1692822816000,140],[1692822817000,143],[1692822818000,145],[1692822819000,147],[1692822820000,153],[1692822821000,155],[1692822822000,159],[1692822823000,162],[1692822824000,167],[1692822825000,169],[1692822826000,173],[1692822827000,174],[1692822828000,180],[1692822829000,182],[1692822830000,185],[1692822831000,191],[1692822832000,191],[1692822833000,196],[1692822834000,198],[1692822835000,204],[1692822836000,205],[1692822837000,209],[1692822838000,213],[1692822839000,215],[1692822840000,218],[1692822841000,223],[1692822842000,226],[1692822843000,227],[1692822844000,232],[1692822845000,236],[1692822846000,239],[1692822847000,241],[1692822848000,245],[1692822849000,248],[1692822850000,252],[1692822851000,256],[1692822852000,259],[1692822853000,263],[1692822854000,268],[1692822855000,268],[1692822856000,273],[1692822857000,273],[1692822858000,281],[1692822859000,282],[1692822860000,289],[1692822861000,289],[1692822862000,292],[1692822863000,296],[1692822864000,301],[1692822865000,301],[1692822866000,309],[1692822867000,308],[1692822868000,314],[1692822869000,316],[1692822870000,321],[1692822871000,322],[1692822872000,324],[1692822873000,330],[1692822874000,335],[1692822875000,336],[1692822876000,338],[1692822877000,344],[1692822878000,347],[1692822879000,348],[1692822880000,353],[1692822881000,356],[1692822882000,360],[1692822883000,362],[1692822884000,367],[1692822885000,369],[1692822886000,375],[1692822887000,378],[1692822888000,382],[1692822889000,382],[1692822890000,387],[1692822891000,390],[1692822892000,394],[1692822893000,394],[1692822894000,399],[1692822895000,402],[1692822896000,407],[1692822897000,412],[1692822898000,414],[1692822899000,417],[1692822900000,419],[1692822901000,425],[1692822902000,427],[1692822903000,432],[1692822904000,432],[1692822905000,439],[1692822906000,440],[1692822907000,443],[1692822908000,446],[1692822909000,452],[1692822910000,455],[1692822911000,458],[1692822912000,460],[1692822913000,463],[1692822914000,468],[1692822915000,471],[1692822916000,472],[1692822917000,479],[1692822918000,481],[1692822919000,485],[1692822920000,490],[1692822921000,490],[1692822922000,494],[1692822923000,496],[1692822924000,500],[1692822925000,506],[1692822926000,506],[1692822927000,510],[1692822928000,511],[1692822929000,514],[1692822930000,522],[1692822931000,526],[1692822932000,526],[1692822933000,528],[1692822934000,532],[1692822935000,539],[1692822936000,543],[1692822937000,545],[1692822938000,549],[1692822939000,548],[1692822940000,554],[1692822941000,558],[1692822942000,562],[1692822943000,565],[1692822944000,565],[1692822945000,574],[1692822946000,574],[1692822947000,577],[1692822948000,583],[1692822949000,581],[1692822950000,587],[1692822951000,594],[1692822952000,594],[1692822953000,596],[1692822954000,602],[1692822955000,605],[1692822956000,583]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},

    allUsersData
  ]
});


allUsersChart.setTitle({
  text: '<span class="chart_title">Active Users along the Simulation</span>',
  useHTML: true
});

allUsersData.yAxis = 1;

var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '17'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  83.58,16.22,0.08,0.03,0.02,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692822752,null],[1692822753,null],[1692822754,null],[1692822755,null],[1692822756,null],[1692822757,null],[1692822758,null],[1692822759,null],[1692822760,null],[1692822761,null],[1692822762,null],[1692822763,null],[1692822764,null],[1692822765,null],[1692822766,null],[1692822767,null],[1692822768,null],[1692822769,null],[1692822770,null],[1692822771,null],[1692822772,null],[1692822773,null],[1692822774,null],[1692822775,null],[1692822776,null],[1692822777,null],[1692822778,null],[1692822779,null],[1692822780,null],[1692822781,null],[1692822782,null],[1692822783,null],[1692822784,null],[1692822785,null],[1692822786,null],[1692822787,null],[1692822788,null],[1692822789,null],[1692822790,null],[1692822791,null],[1692822792,null],[1692822793,null],[1692822794,null],[1692822795,null],[1692822796,null],[1692822797,null],[1692822798,null],[1692822799,null],[1692822800,null],[1692822801,null],[1692822802,null],[1692822803,null],[1692822804,null],[1692822805,null],[1692822806,null],[1692822807,null],[1692822808,null],[1692822809,null],[1692822810,null],[1692822811,null],[1692822812,null],[1692822813,null],[1692822814,null],[1692822815,null],[1692822816,null],[1692822817,null],[1692822818,null],[1692822819,null],[1692822820,null],[1692822821,null],[1692822822,null],[1692822823,null],[1692822824,null],[1692822825,null],[1692822826,null],[1692822827,null],[1692822828,null],[1692822829,null],[1692822830,null],[1692822831,null],[1692822832,null],[1692822833,null],[1692822834,null],[1692822835,null],[1692822836,null],[1692822837,null],[1692822838,null],[1692822839,null],[1692822840,null],[1692822841,null],[1692822842,null],[1692822843,null],[1692822844,null],[1692822845,null],[1692822846,null],[1692822847,null],[1692822848,null],[1692822849,null],[1692822850,null],[1692822851,null],[1692822852,null],[1692822853,null],[1692822854,null],[1692822855,null],[1692822856,null],[1692822857,null],[1692822858,null],[1692822859,null],[1692822860,null],[1692822861,null],[1692822862,null],[1692822863,null],[1692822864,null],[1692822865,null],[1692822866,null],[1692822867,null],[1692822868,null],[1692822869,null],[1692822870,null],[1692822871,null],[1692822872,null],[1692822873,null],[1692822874,null],[1692822875,null],[1692822876,null],[1692822877,null],[1692822878,null],[1692822879,null],[1692822880,null],[1692822881,null],[1692822882,null],[1692822883,null],[1692822884,null],[1692822885,null],[1692822886,null],[1692822887,null],[1692822888,null],[1692822889,null],[1692822890,null],[1692822891,null],[1692822892,null],[1692822893,null],[1692822894,null],[1692822895,null],[1692822896,null],[1692822897,null],[1692822898,null],[1692822899,null],[1692822900,null],[1692822901,null],[1692822902,null],[1692822903,null],[1692822904,null],[1692822905,null],[1692822906,null],[1692822907,null],[1692822908,null],[1692822909,null],[1692822910,null],[1692822911,null],[1692822912,null],[1692822913,null],[1692822914,null],[1692822915,null],[1692822916,null],[1692822917,null],[1692822918,null],[1692822919,null],[1692822920,null],[1692822921,null],[1692822922,null],[1692822923,null],[1692822924,null],[1692822925,null],[1692822926,null],[1692822927,null],[1692822928,null],[1692822929,null],[1692822930,null],[1692822931,null],[1692822932,null],[1692822933,null],[1692822934,null],[1692822935,null],[1692822936,null],[1692822937,null],[1692822938,null],[1692822939,null],[1692822940,null],[1692822941,null],[1692822942,null],[1692822943,null],[1692822944,null],[1692822945,null],[1692822946,null],[1692822947,null],[1692822948,null],[1692822949,null],[1692822950,null],[1692822951,null],[1692822952,null],[1692822953,null],[1692822954,null],[1692822955,null],[1692822956,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692822752,[6,0,6]],[1692822753,[6,0,6]],[1692822754,[6,0,6]],[1692822755,[6,0,6]],[1692822756,[6,0,6]],[1692822757,[6,0,6]],[1692822758,[6,0,6]],[1692822759,[6,0,6]],[1692822760,[6,0,6]],[1692822761,[6,0,6]],[1692822762,[6,0,6]],[1692822763,[6,0,6]],[1692822764,[10,0,10]],[1692822765,[8,0,8]],[1692822766,[8,0,8]],[1692822767,[7,0,7]],[1692822768,[8,0,8]],[1692822769,[5,0,5]],[1692822770,[8,0,8]],[1692822771,[6,0,6]],[1692822772,[8,0,8]],[1692822773,[12,0,12]],[1692822774,[8,0,8]],[1692822775,[12,0,12]],[1692822776,[11,0,11]],[1692822777,[18,0,18]],[1692822778,[21,0,21]],[1692822779,[26,0,26]],[1692822780,[30,0,30]],[1692822781,[35,0,35]],[1692822782,[37,0,37]],[1692822783,[42,0,42]],[1692822784,[47,0,47]],[1692822785,[50,0,50]],[1692822786,[55,0,55]],[1692822787,[58,0,58]],[1692822788,[62,0,62]],[1692822789,[67,0,67]],[1692822790,[70,0,70]],[1692822791,[75,0,75]],[1692822792,[77,0,77]],[1692822793,[83,0,83]],[1692822794,[86,0,86]],[1692822795,[91,0,91]],[1692822796,[94,0,94]],[1692822797,[99,0,99]],[1692822798,[102,0,102]],[1692822799,[106,0,106]],[1692822800,[110,0,110]],[1692822801,[116,0,116]],[1692822802,[118,0,118]],[1692822803,[121,0,121]],[1692822804,[127,0,127]],[1692822805,[131,0,131]],[1692822806,[135,0,135]],[1692822807,[138,0,138]],[1692822808,[142,0,142]],[1692822809,[147,0,147]],[1692822810,[151,0,151]],[1692822811,[154,0,154]],[1692822812,[159,0,159]],[1692822813,[163,0,163]],[1692822814,[167,0,167]],[1692822815,[170,0,170]],[1692822816,[175,0,175]],[1692822817,[178,0,178]],[1692822818,[182,0,182]],[1692822819,[186,0,186]],[1692822820,[191,0,191]],[1692822821,[195,0,195]],[1692822822,[199,0,199]],[1692822823,[203,0,203]],[1692822824,[206,0,206]],[1692822825,[210,0,210]],[1692822826,[216,0,216]],[1692822827,[219,0,219]],[1692822828,[222,0,222]],[1692822829,[226,0,226]],[1692822830,[232,0,232]],[1692822831,[234,0,234]],[1692822832,[239,0,239]],[1692822833,[243,0,243]],[1692822834,[247,0,247]],[1692822835,[250,0,250]],[1692822836,[256,0,256]],[1692822837,[259,0,259]],[1692822838,[262,0,262]],[1692822839,[267,0,267]],[1692822840,[271,0,271]],[1692822841,[275,0,275]],[1692822842,[279,0,279]],[1692822843,[282,0,282]],[1692822844,[287,0,287]],[1692822845,[288,0,288]],[1692822846,[298,0,298]],[1692822847,[299,0,299]],[1692822848,[304,0,304]],[1692822849,[305,0,305]],[1692822850,[311,0,311]],[1692822851,[316,0,316]],[1692822852,[319,0,319]],[1692822853,[322,0,322]],[1692822854,[327,0,327]],[1692822855,[332,0,332]],[1692822856,[335,0,335]],[1692822857,[340,0,340]],[1692822858,[342,0,342]],[1692822859,[347,0,347]],[1692822860,[351,0,351]],[1692822861,[356,0,356]],[1692822862,[359,0,359]],[1692822863,[362,0,362]],[1692822864,[368,0,368]],[1692822865,[372,0,372]],[1692822866,[375,0,375]],[1692822867,[379,0,379]],[1692822868,[383,0,383]],[1692822869,[387,0,387]],[1692822870,[391,0,391]],[1692822871,[396,0,396]],[1692822872,[399,0,399]],[1692822873,[403,0,403]],[1692822874,[406,0,406]],[1692822875,[413,0,413]],[1692822876,[415,0,415]],[1692822877,[419,0,419]],[1692822878,[422,0,422]],[1692822879,[428,0,428]],[1692822880,[432,0,432]],[1692822881,[436,0,436]],[1692822882,[439,0,439]],[1692822883,[443,0,443]],[1692822884,[447,0,447]],[1692822885,[452,0,452]],[1692822886,[456,0,456]],[1692822887,[458,0,458]],[1692822888,[463,0,463]],[1692822889,[468,0,468]],[1692822890,[472,0,472]],[1692822891,[476,0,476]],[1692822892,[478,0,478]],[1692822893,[484,0,484]],[1692822894,[487,0,487]],[1692822895,[492,0,492]],[1692822896,[495,0,495]],[1692822897,[500,0,500]],[1692822898,[502,0,502]],[1692822899,[508,0,508]],[1692822900,[512,0,512]],[1692822901,[515,0,515]],[1692822902,[521,0,521]],[1692822903,[524,0,524]],[1692822904,[527,0,527]],[1692822905,[532,0,532]],[1692822906,[535,0,535]],[1692822907,[539,0,539]],[1692822908,[543,0,543]],[1692822909,[547,0,547]],[1692822910,[553,0,553]],[1692822911,[556,0,556]],[1692822912,[559,0,559]],[1692822913,[563,0,563]],[1692822914,[568,0,568]],[1692822915,[572,0,572]],[1692822916,[576,0,576]],[1692822917,[580,0,580]],[1692822918,[583,0,583]],[1692822919,[588,0,588]],[1692822920,[591,0,591]],[1692822921,[596,0,596]],[1692822922,[600,0,600]],[1692822923,[604,0,604]],[1692822924,[607,0,607]],[1692822925,[612,0,612]],[1692822926,[617,0,617]],[1692822927,[621,0,621]],[1692822928,[622,0,622]],[1692822929,[628,0,628]],[1692822930,[631,0,631]],[1692822931,[638,0,638]],[1692822932,[640,0,640]],[1692822933,[642,0,642]],[1692822934,[649,0,649]],[1692822935,[652,0,652]],[1692822936,[656,0,656]],[1692822937,[660,0,660]],[1692822938,[664,0,664]],[1692822939,[668,0,668]],[1692822940,[672,0,672]],[1692822941,[676,0,676]],[1692822942,[680,0,680]],[1692822943,[684,0,684]],[1692822944,[687,0,687]],[1692822945,[692,0,692]],[1692822946,[697,0,697]],[1692822947,[700,0,700]],[1692822948,[704,0,704]],[1692822949,[707,0,707]],[1692822950,[713,0,713]],[1692822951,[717,0,717]],[1692822952,[720,0,720]],[1692822953,[724,0,724]],[1692822954,[727,0,727]],[1692822955,[733,0,733]],[1692822956,[1074,0,1074]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692822752,[6,0,6]],[1692822753,[6,0,6]],[1692822754,[6,0,6]],[1692822755,[6,0,6]],[1692822756,[6,0,6]],[1692822757,[6,0,6]],[1692822758,[6,0,6]],[1692822759,[6,0,6]],[1692822760,[6,0,6]],[1692822761,[6,0,6]],[1692822762,[6,0,6]],[1692822763,[6,0,6]],[1692822764,[10,0,10]],[1692822765,[8,0,8]],[1692822766,[8,0,8]],[1692822767,[7,0,7]],[1692822768,[8,0,8]],[1692822769,[5,0,5]],[1692822770,[8,0,8]],[1692822771,[6,0,6]],[1692822772,[8,0,8]],[1692822773,[12,0,12]],[1692822774,[8,0,8]],[1692822775,[12,0,12]],[1692822776,[11,0,11]],[1692822777,[18,0,18]],[1692822778,[21,0,21]],[1692822779,[26,0,26]],[1692822780,[30,0,30]],[1692822781,[35,0,35]],[1692822782,[37,0,37]],[1692822783,[42,0,42]],[1692822784,[47,0,47]],[1692822785,[50,0,50]],[1692822786,[55,0,55]],[1692822787,[58,0,58]],[1692822788,[62,0,62]],[1692822789,[67,0,67]],[1692822790,[70,0,70]],[1692822791,[75,0,75]],[1692822792,[77,0,77]],[1692822793,[83,0,83]],[1692822794,[86,0,86]],[1692822795,[91,0,91]],[1692822796,[94,0,94]],[1692822797,[99,0,99]],[1692822798,[102,0,102]],[1692822799,[106,0,106]],[1692822800,[110,0,110]],[1692822801,[115,0,115]],[1692822802,[119,0,119]],[1692822803,[121,0,121]],[1692822804,[127,0,127]],[1692822805,[131,0,131]],[1692822806,[135,0,135]],[1692822807,[138,0,138]],[1692822808,[142,0,142]],[1692822809,[147,0,147]],[1692822810,[151,0,151]],[1692822811,[153,0,153]],[1692822812,[160,0,160]],[1692822813,[163,0,163]],[1692822814,[167,0,167]],[1692822815,[170,0,170]],[1692822816,[175,0,175]],[1692822817,[178,0,178]],[1692822818,[182,0,182]],[1692822819,[186,0,186]],[1692822820,[191,0,191]],[1692822821,[195,0,195]],[1692822822,[199,0,199]],[1692822823,[203,0,203]],[1692822824,[206,0,206]],[1692822825,[210,0,210]],[1692822826,[216,0,216]],[1692822827,[219,0,219]],[1692822828,[222,0,222]],[1692822829,[226,0,226]],[1692822830,[232,0,232]],[1692822831,[234,0,234]],[1692822832,[239,0,239]],[1692822833,[242,0,242]],[1692822834,[248,0,248]],[1692822835,[250,0,250]],[1692822836,[255,0,255]],[1692822837,[260,0,260]],[1692822838,[262,0,262]],[1692822839,[267,0,267]],[1692822840,[271,0,271]],[1692822841,[275,0,275]],[1692822842,[279,0,279]],[1692822843,[282,0,282]],[1692822844,[287,0,287]],[1692822845,[288,0,288]],[1692822846,[298,0,298]],[1692822847,[299,0,299]],[1692822848,[304,0,304]],[1692822849,[305,0,305]],[1692822850,[311,0,311]],[1692822851,[316,0,316]],[1692822852,[319,0,319]],[1692822853,[322,0,322]],[1692822854,[327,0,327]],[1692822855,[332,0,332]],[1692822856,[334,0,334]],[1692822857,[341,0,341]],[1692822858,[341,0,341]],[1692822859,[348,0,348]],[1692822860,[351,0,351]],[1692822861,[356,0,356]],[1692822862,[359,0,359]],[1692822863,[362,0,362]],[1692822864,[368,0,368]],[1692822865,[372,0,372]],[1692822866,[375,0,375]],[1692822867,[379,0,379]],[1692822868,[383,0,383]],[1692822869,[387,0,387]],[1692822870,[391,0,391]],[1692822871,[396,0,396]],[1692822872,[399,0,399]],[1692822873,[403,0,403]],[1692822874,[406,0,406]],[1692822875,[412,0,412]],[1692822876,[416,0,416]],[1692822877,[419,0,419]],[1692822878,[422,0,422]],[1692822879,[428,0,428]],[1692822880,[432,0,432]],[1692822881,[436,0,436]],[1692822882,[439,0,439]],[1692822883,[443,0,443]],[1692822884,[447,0,447]],[1692822885,[452,0,452]],[1692822886,[456,0,456]],[1692822887,[458,0,458]],[1692822888,[463,0,463]],[1692822889,[467,0,467]],[1692822890,[473,0,473]],[1692822891,[476,0,476]],[1692822892,[478,0,478]],[1692822893,[484,0,484]],[1692822894,[487,0,487]],[1692822895,[492,0,492]],[1692822896,[495,0,495]],[1692822897,[500,0,500]],[1692822898,[502,0,502]],[1692822899,[508,0,508]],[1692822900,[512,0,512]],[1692822901,[515,0,515]],[1692822902,[521,0,521]],[1692822903,[524,0,524]],[1692822904,[527,0,527]],[1692822905,[532,0,532]],[1692822906,[535,0,535]],[1692822907,[539,0,539]],[1692822908,[543,0,543]],[1692822909,[547,0,547]],[1692822910,[553,0,553]],[1692822911,[556,0,556]],[1692822912,[559,0,559]],[1692822913,[563,0,563]],[1692822914,[568,0,568]],[1692822915,[572,0,572]],[1692822916,[575,0,575]],[1692822917,[581,0,581]],[1692822918,[583,0,583]],[1692822919,[588,0,588]],[1692822920,[591,0,591]],[1692822921,[596,0,596]],[1692822922,[600,0,600]],[1692822923,[604,0,604]],[1692822924,[607,0,607]],[1692822925,[612,0,612]],[1692822926,[617,0,617]],[1692822927,[620,0,620]],[1692822928,[623,0,623]],[1692822929,[628,0,628]],[1692822930,[631,0,631]],[1692822931,[638,0,638]],[1692822932,[640,0,640]],[1692822933,[642,0,642]],[1692822934,[649,0,649]],[1692822935,[652,0,652]],[1692822936,[656,0,656]],[1692822937,[660,0,660]],[1692822938,[664,0,664]],[1692822939,[668,0,668]],[1692822940,[672,0,672]],[1692822941,[676,0,676]],[1692822942,[680,0,680]],[1692822943,[684,0,684]],[1692822944,[687,0,687]],[1692822945,[692,0,692]],[1692822946,[697,0,697]],[1692822947,[700,0,700]],[1692822948,[704,0,704]],[1692822949,[707,0,707]],[1692822950,[713,0,713]],[1692822951,[717,0,717]],[1692822952,[720,0,720]],[1692822953,[724,0,724]],[1692822954,[727,0,727]],[1692822955,[733,0,733]],[1692822956,[1074,0,1074]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 0.0, color: '#68b65c'},{name: 'KO', y: 68409.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
